<template>
  <div class="main">
    <!-- 顶部 -->
    <div class="topNav">
      <div class="logoImg"><img src="../assets/img/login_title.BwVHLo0e.png"></div>
      <div class="TabBack">
        <el-switch v-model="value2" class="mt-2" style="margin-left: 24px" inline-prompt :active-icon="Moon"
          :inactive-icon="Sunny" />
      </div>
    </div>
    
    <!-- 表单 -->
    <loginFrom></loginFrom>

    <!-- 底部 -->
    <div class="footerBar">
      <div>Copyright © 2021 - 2024 youlai.tech All Rights Reserved. 皖ICP备20006496号-2</div>
    </div>
  </div>
</template>

<script setup lang="ts">
import loginFrom from '@/components/loginCom/loginFrom.vue'
import { ref, reactive } from 'vue';
import { Moon, Sunny } from '@element-plus/icons-vue'

const value2 = ref(false)

</script>

<style scoped lang='less'>
@import url('../assets/less/loginCss/login.less');


/deep/.el-divider__text {
  color: #60627a;
  font-size: 12px;
  font-weight: normal;
}
</style>